<!-- 
说明：新建品牌表
作者：nwl
日期：2018-10-11 15:7:11
版本：1.0.0
-->
<template>
  <div>

    <mk-button :type="0"
               icon="el-icon-plus"
               @click="show(2)">新增系列</mk-button>
    <zBrand-form v-if="visible"
                 @close="close"
                 :is-add="true"
                 :type="type"
                 :title="`新增${type === 1 ? '品牌' : '系列'}`"
                 btn-name="保存" />
  </div>
</template>
<script>
  import ZBrandForm from './form'
  export default {
    name: 'add-button',
    components: {
      ZBrandForm
    },
    data () {
      return {
        visible: false,
        type: 0
      }
    },
    methods: {
      show (type) {
        this.type = type
        this.visible = true
      },
      /**
       * 关闭对话框时触发
       * 根据弹框是否需要重载页面而反馈到列表
       */
      close (reload) {
        this.visible = false
        if (reload === true) {
          this.$emit('reload')
        }
      }
    }
  }
</script>